// index.js
Page({
  data: {
    // 页面的初始数据
    hasPaid: false // 默认未付款状态
  },
  
  onLoad: function() {
    // 页面加载时执行的初始化逻辑
    // 检查是否已经付款（从本地存储中读取状态）
    try {
      const hasPaid = wx.getStorageSync('hasPaid');
      if (hasPaid) {
        this.setData({
          hasPaid: true
        });
      }
    } catch (e) {
      console.error('获取支付状态失败', e);
    }
  },
  
  // 请求支付
  requestPayment: function() {
    const that = this;
    
    // 在实际应用中，这里应该调用后端接口获取支付参数
    // 这里仅做模拟演示，直接显示支付成功
    wx.showLoading({
      title: '请求支付中...',
    });
    
    // 模拟网络请求延迟
    setTimeout(function() {
      wx.hideLoading();
      
      // 模拟支付过程
      wx.showModal({
        title: '【琼辉】模拟支付',
        content: '由于这是演示，点击确定将直接模拟支付成功。实际应用中需要调用微信支付API。',
        success: function(res) {
          if (res.confirm) {
            // 模拟支付成功
            wx.showToast({
              title: '支付成功',
              icon: 'success',
              duration: 2000
            });
            
            // 更新支付状态
            that.setData({
              hasPaid: true
            });
            
            // 保存支付状态到本地存储
            try {
              wx.setStorageSync('hasPaid', true);
            } catch (e) {
              console.error('保存支付状态失败', e);
            }
          }
        }
      });
    }, 1500);
    
    // 实际微信支付代码（仅供参考，需要后端配合）
    /*
    wx.request({
      url: '你的后端支付接口',
      method: 'POST',
      data: {
        amount: 1 // 1元
      },
      success: function(res) {
        // 获取到支付参数后调用支付接口
        wx.requestPayment({
          timeStamp: res.data.timeStamp,
          nonceStr: res.data.nonceStr,
          package: res.data.package,
          signType: res.data.signType,
          paySign: res.data.paySign,
          success: function(payRes) {
            // 支付成功
            wx.showToast({
              title: '支付成功',
              icon: 'success',
              duration: 2000
            });
            
            // 更新支付状态
            that.setData({
              hasPaid: true
            });
            
            // 保存支付状态到本地存储
            try {
              wx.setStorageSync('hasPaid', true);
            } catch (e) {
              console.error('保存支付状态失败', e);
            }
          },
          fail: function(payError) {
            // 支付失败
            wx.showToast({
              title: '支付失败',
              icon: 'none',
              duration: 2000
            });
            console.error('支付失败', payError);
          }
        });
      },
      fail: function(error) {
        wx.hideLoading();
        wx.showToast({
          title: '获取支付参数失败',
          icon: 'none',
          duration: 2000
        });
        console.error('获取支付参数失败', error);
      }
    });
    */
  },
  
  // 跳转到百度地图
  navigateToWebsite: function() {
    // 跳转到webview页面，该页面包含web-view组件用于显示百度地图
    wx.navigateTo({
      url: '/pages/webview/webview',
      success: function() {
        console.log('跳转到webview页面成功');
      },
      fail: function(error) {
        console.error('跳转到webview页面失败', error);
        // 如果跳转失败，提示用户复制链接
        wx.showModal({
          title: '提示',
          content: '跳转失败，是否复制百度地图链接到剪贴板？',
          success: function(res) {
            if (res.confirm) {
              // 复制链接到剪贴板
              wx.setClipboardData({
                data: 'https://map.baidu.com',
                success: function() {
                  wx.showToast({
                    title: '链接已复制，请在浏览器中粘贴访问',
                    icon: 'none',
                    duration: 2000
                  });
                }
              });
            }
          }
        });
      }
    });
  },
  
  // 清除付款记录
  clearPayment: function() {
    const that = this;
    wx.showModal({
      title: '提示',
      content: '确定要清除付款记录吗？清除后将需要重新支付',
      success: function(res) {
        if (res.confirm) {
          try {
            wx.removeStorageSync('hasPaid');
            that.setData({
              hasPaid: false
            });
            wx.showToast({
              title: '已清除付款记录',
              icon: 'success',
              duration: 2000
            });
          } catch (e) {
            console.error('清除付款记录失败', e);
            wx.showToast({
              title: '清除失败',
              icon: 'none',
              duration: 2000
            });
          }
        }
      }
    });
  }
})